
/* line 15, ../sass/screen.scss */
.node-wrapper {
  /*float: right;*/
  /*max-width: 180px;
  width: 160px;*/
  max-height: 46px;
  background-color: #343434;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 3px;
  position: relative;
  z-index: 1;
  min-width: 162px;
}

/* line 26, ../sass/screen.scss */
.node-content-wrapper {
/*  max-width: 180px;*/
  height: 46px;
  background-color: #fff;
  text-align: center;
  line-height: 46px;
  font-family: arial;
  font-weight: bold;
  font-size: 18px;
}

/* line 37, ../sass/screen.scss */
.node-dept-wrapper {
  height: 50%;
  width: 100%;
  background-color: #343434;
  text-align: center;
  font-family: arial;
  font-size: 15px;
  font-weight: bold;
  color: #ffffff;
  line-height: 23px;
}

/* line 49, ../sass/screen.scss */
.node-name-wrapper {
  height: 50%;
  width: 100%;
  text-align: center;
  font-family: arial;
  font-size: 13px;
  color: #222222;
  line-height: 23px;
}

/* line 59, ../sass/screen.scss */
.node-firstoption-wrapper {
  max-width: 180px;
  position: relative;
  margin:  0 auto;
}

/* line 65, ../sass/screen.scss */
.node-holder-avatar-wrapper {
  width: 44px;
  height: 44px;
  padding: 3px;
  background-color: #343434;
  margin: 0 auto;
}

/* line 74, ../sass/screen.scss */
.node-avatar-wrapper {
  width: 40px;
  height: 40px;
  background-color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 2px;
}

/* line 82, ../sass/screen.scss */
.node-settings-wrapper {
  width: 60px;
  height: 20px;
  background-color: #dfdfdf;
  border: 1px solid #969696;
  border-bottom: none;
  position: absolute;
  right: 0px;
  bottom: -21px;
  opacity: 0;
}

/* line 95, ../sass/screen.scss */
.node-dragtopoint-wrapper {
  width: 154px;
  height: 22px;
  background-color: #dfdfdf;
  border: 1px solid #969696;
  border-top: none;
  display: inline;
  float: right;
  padding: 2px 11px;
  top: -28px;
  position: relative;
  opacity: 0;
}

/* line 110, ../sass/screen.scss */
span.dragtext {
  font-family: arial;
  font-size: 13px;
  color: red;
  text-align: center;
}

/* line 117, ../sass/screen.scss */
span.dragtext:before {
  content: url("../dragiconsmall.png");
  height: 15px;
  width: 16px;
  position: relative;
  top: 3px;
}

/* line 125, ../sass/screen.scss */
.node-drag-wrapper {
 /* width: 225px;*/
  /*height: 15%;*/
  /*height: auto;*/
  border: dotted 3px #cccccc;
  position: absolute;
  border-color: transparent;
  /*padding-top: 15px;*/
  /*padding-bottom: 40px;*/
}

/* line 136, ../sass/screen.scss */
.add-padding-node-workflow {
  /*padding-top: 35px;*/
}

/* line 140, ../sass/screen.scss */
.node-drag-holder {
  margin: 0 auto;
/*  width: 187px;*/
}

/* line 145, ../sass/screen.scss */
.node-drag-item-wrapper {
  width: 177px;
  height: 25px;
  border: dotted 3px #cccccc;
  border-bottom: none;
  /*position: absolute;*/
  top: -53px;
  margin: 0 auto;
  left: 11px;
  padding: 5px;
  border-color: transparent;
}

/* line 158, ../sass/screen.scss */
span.node-drag-text-wrapper {
  font-family: arial;
  font-size: 15px;
  color: #f00;
  display: none;
  cursor: move;
}

/* line 165, ../sass/screen.scss */
span.node-drag-text-wrapper:before {
  content: url("../dragiconbig.png");
  width: 20px;
  height: 20px;
  position: relative;
  top: 5px;
  cursor: move;
}

/*for workflow only */
/* line 175, ../sass/screen.scss */
.node-workflow-icon-wrapper {
  height: 30px;
  width: 30px;
  background-color: #0072ff;
  border: 2px solid #343434;
  position: relative;
  top: -41px;
  left: -16px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

/*for workflow circle node only */
/* line 189, ../sass/screen.scss */
.node-circle-wrapper {
  /*float: right;*/
  height: 130px;
  width: 130px;
  background-color: #ffffff;
  border-radius: 100%;
  border: 3px solid #343434;
  margin: 0 auto;
}

/* line 198, ../sass/screen.scss */
.node-circle-title {
  background-color: #343434;
  padding: 5px;
  text-align: center;
  font-family: arial;
  font-size: 18px;
  color: #ffffff;
  margin-top: 25px;
}

/* line 208, ../sass/screen.scss */
.node-circle {
  border-radius: 30px;
  background-color: #ffffff;
  width: 40px;
  height: 40px;
  top: -36px;
}

/* line 217, ../sass/screen.scss */
.node-dragtopoint-wrapper {
  border-top: 1px solid #969696;
}

/* line 223, ../sass/screen.scss */
.node-circle-settings-wrapper {
  width: 60px;
  height: 20px;
  background-color: #dfdfdf;
  border: 1px solid #969696;
  border-bottom: none;
  position: absolute;
  right: 0px;
  bottom: -21px;
  opacity: 0;
}

/* line 236, ../sass/screen.scss */
.node-circle-dragtopoint-wrapper {
  width: 144px;
  height: 22px;
  background-color: #dfdfdf;
  border: 1px solid #969696;
  border-top: none;
  display: inline;
  float: right;
  padding: 2px 11px;
  top: -28px;
  position: relative;
  opacity: 0;
}

/* line 250, ../sass/screen.scss */
.border-circle-node-top {
  border-top: 1px solid #969696;
}

/* line 255, ../sass/screen.scss */
.border-circle-node {
  border-bottom: 1px solid #969696;
}

.node-drag{
  cursor: move;
}
.borderTransparent{
  border-color: transparent !important;
}
.activateNode .node-drag-holder {
  border:rgb(139, 215, 139) dotted 3px !important
}